<template>
    <div class="addOrEdit">
        <el-dialog
            :before-close="handClose"
            center
            width="50%"
            title="通知详情内容"
            :visible.sync="off"
            append-to-body>
            <el-form :model="rowData" ref="ruleForm" label-width="100px" size="mini" class="demo-ruleForm">
                <el-form-item label="标题">
                    <span>{{rowData.title}}</span>
                </el-form-item>
                 <el-form-item label="通知分发时间">
                    <span>{{rowData.createDate}}</span>
                </el-form-item>
                 <el-form-item label="详细内容">
                    <el-input readonly style="height:500px;" type="textarea" v-model="rowData.content"></el-input>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
   
</template>

<script>
    export default {
        name: "noticeDetail",
         props: {
            off: {
                type: Boolean
            },
            rowData: {
                type: Object
            },
        },
        data(){
            return {
               
            }
        },
        methods: {
            handClose(){
                this.$emit("update:off", false);
            }
        }
    }
</script>

<style lang="less" scoped>
.el-input--mini {
    /deep/textarea{
        height: 500px;
    }
}    
</style>